
.el-scrollbar__view.el-time-spinner__list{
  background-color: #fff;
  color: #000;
}
textarea {
  line-height: 30px !important;
  overflow: auto;
}
/* 搜索样式 */
.dia-content {
  .clear-bgc {
    .el-input__wrapper {
      background-color: transparent !important;
    }
    .el-input__wrapper {
      background-color: transparent !important;
    }
    input::placeholder,
    .el-range-separator {
      color: #ffffff;
      font-weight: 400;
      font-size: 18px;
    }
  }
  .el-date-editor.el-date-editor--timerange.el-input__wrapper.clear-bgc {
    background-color: transparent !important;
  }
  .el-date-editor .el-range-input {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
  }
  .el-time-spinner__item {
    color: #fff !important;
  }
  .el-range-input {
    color: red;
  }
  .el-radio,
  .is-checked {
    .el-radio__input.is-checked {
      width: 24px;
      height: 24px;
      background: #012046;
      border-radius: 50%;
      border: 6px solid #61c8ff;
    }
    .el-radio__inner {
      display: none;
    }
    .el-radio__label {
      font-family: Source Han Sans CN;
      font-weight: 400;
      font-size: 18px;
      color: #61c8ff;
    }
  }
  .el-radio {
    .el-radio__input {
      width: 24px;
      height: 24px;
      background: #012046;
      border-radius: 50%;
      border: 1px solid #ffffff;
    }
    .el-radio__label {
      font-family: Source Han Sans CN;
      font-weight: 400;
      font-size: 18px;
      color: #ffffff;
    }
  }
}
.search-wrap {
  .el-form-item__label {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
  }
  .el-checkbox__label {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
  }

  .el-checkbox__inner {
    background-color: #022555;
    width: 18px;
    height: 18px;

    border: 1px solid #61c8ff;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #fff;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #022552 !important;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner::after {
    width: 6px;
    height: 9px;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: none;
  }
  .el-icon.el-input__icon {
    font-size: 20px;
  }
  .el-input__wrapper {
    height: 35px;
    background: rgba(1, 18, 46, 0.35);
    box-shadow: none !important;
    border: 1px solid #61c8ff;
  }
  .el-date-editor .el-range-separator {
    color: #fff;
  }
  .el-range-input {
    font-weight: 400;
    font-size: 18px !important;
    color: #ffffff !important;
  }
  .el-range-editor {
    height: 35px !important;
    background: rgba(1, 18, 46, 0.35);
    box-shadow: none !important;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;

    border: 1px solid #61c8ff;
  }
  .el-range-input::placeholder {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
  }
  .el-input__wrapper:hover {
    box-shadow: none;
    border: none;
    border: 1px solid #61c8ff;
  }
  .el-input__inner {
    border: none !important;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
  }
  .el-input__wrapper.is-focus {
    box-shadow: none !important;

    border: 1px solid #61c8ff;
  }
}

/* 分页器样式 */
.pagination {
  .el-pagination__total.is-first {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 15px;
    color: #fefefe;
  }
  .number {
    background: #022d5d !important;
    border: 1px solid #1b4e7b;

    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 15px;
    color: #fefefe;
  }
  .is-active.number {
    background: #044483;
    border: 1px solid #61c8ff;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 15px;
    color: #fefefe;
  }
  .btn-prev,
  .btn-next,
  .more.btn-quickprev.el-icon,
  .more.btn-quicknext.el-icon {
    background: #022e5f !important;
    color: #fff;
  }
  .el-pagination__goto,
  .el-pagination__classifier {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 15px;
    color: #fefefe;
  }
  .el-input__wrapper {
    background-color: #022e5f !important ;
    border: 1px solid #1b4e7b;

    box-shadow: none !important;
  }
  .el-input.el-input--default.el-input--suffix {
    width: 100px;
  }
  .el-input__inner {
    color: #fefefe !important;
    font-size: 15px;
    height: 30px;
  }
}
.el-scrollbar__wrap--hidden-default {
  background-color: #022e5f !important;
  color: #fefefe;
}
.el-popper.is-pure.is-light.el-select__popper {
  border: 1px solid #044483 !important;
}

.el-select-dropdown__item {
  // box-shadow: none !important;
  color: #fff !important;
  background-color: #022e5f !important;
}
.el-select-dropdown__item:hover {
  background-color: #044483 !important;
}
/* table 样式 */
.table-data {
  .el-table-column--selection .cell .el-checkbox .el-checkbox__inner {
    width: 18px;
    height: 18px;
    border: 1px solid #61c8ff;
    background-color: #022552;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner::after {
    width: 6px;
    height: 9px;
  }

  .el-switch {
    .el-switch__core {
      width: 54px;
      height: 28px;
      background: #044483;
      border-radius: 14px;
      border: 1px solid #61c8ff;
    }
    .el-switch__action {
      width: 21px;
      height: 21px;
      background: #61c8ff;
      border-radius: 50%;
      margin-left: 3px;
    }
  }
  .el-switch.is-checked {
    .el-switch__core {
      width: 53px;
      height: 28px;
      background: #e5e5e5;
      border-radius: 14px;
      border: none;
    }
    .el-switch__action {
      position: absolute;
      width: 21px;
      height: 21px;
      background: #686868;
      border-radius: 50%;
      margin-left: -7px;
    }
  }
  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background-color: #022552 !important;
  }
  .cell:empty::before {
    content: "--" !important;
  }

  .el-table__row {
    height: 47px !important;
    background-color: #022552 !important;

    .cell {
      font-family: Source Han Sans CN;
      font-weight: 400;
      font-size: 16px;
      color: #fefefe;
    }
  }
  .el-table {
    border: none !important;
  }
  .el-table__header-wrapper {
    background-color: #022552 !important;
    width: 100%;
  }
  .el-table thead tr {
    height: 53px !important;
    background-color: transparent !important;
    background: url("@/assets/images/layout/table-header-bgc.png") no-repeat !important;
    background-size: 100% 99% !important;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #61c8ff;
  }
  .el-table thead tr th {
    background-color: transparent !important;
  }

  .el-table td.el-table__cell,
  .el-table th.el-table__cell.is-leaf {
    border-bottom: none !important;
    border-bottom: 1px solid #0c3d6a !important;
  }
  .el-table__inner-wrapper::before {
    background-color: transparent !important;
  }
  .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default {
    background-color: #022552 !important;
  }
}
/* 树形 */
.tree-wrap {
  .el-tree-node.is-current.is-focusable > .el-tree-node__content {
    color: #61c8ff !important;
  }
  .el-tree-node__expand-icon.expanded {
    background-color: #022552;
  }
  .el-tree-node:focus > .el-tree-node__content {
    background-color: #022552;
  }
  .el-icon {
    font-size: 30px;
  }
  .el-tree-node__content:hover {
    background-color: #022552;
  }
  .el-tree-node__content {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    min-height: 40px;
  }
  .el-tree-node__children {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #fefefe;
    min-height: 35px;
  }
}
